<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <link rel="stylesheet" href="../css/common.css">
        <link rel="stylesheet" href="../css/index.css">
        <link rel="stylesheet" href="../css/login_register.css">
        <link rel="stylesheet" href="../css/commonnav.css">
        <link rel="shortcur icon" href="../img/ico.png">
        <link rel="bookmark" href="../img/ico.png">
        <title>用户登录</title>
    <!-- eveningwater.com Baidu tongji analytics -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b7504f10727e765dd90856e9b225846e";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
    <body>
        <!--main部分-->
        <div class="main">
            <!--header-->
            <div class="header">
                <div class="dpi-1260 pos-rela">
                    <!--头部背景-->
                    <div class="header_bg">
                        <img src="../img/bg_header.jpg">
                    </div>
                    <!--联系我们横标按钮-->
                    <a href="#" target="_blank" class="contUS_mark"></a>
                    <!--logo-->
                    <div class="logo">
                        <!--返回首页链接按钮-->
                        <a href="#" target="_self"></a>
                    </div>
                    <!--登陆按钮（用户名）&& 购物车组-->
                    <div class="loginOrShop">
                        <!--登陆按钮-->
                        <span class="pesnName">
                            <a href="#" class="login"></a>
                        </span>
                        <!--分隔线-->
                        <span class="gap_line"></span>
                        <!--购物车-->
                        <a class="shoppingCar">
                            <!--宝贝数量(当超过9个时候用"...“替代)-->
                            <span class="trea_count">0</span>
                        </a>
                        <!--购物车内容-->
                        <div class="treas_brief">
                            <div class="treas_brief-content">
                                <p>
                                    <span class="treas_name">
                                        <a href="#">9成新转角沙发超级转角沙发</a>
                                    </span>
                                    <span class="treas_price">99999</span>
                                    <span class="treas_count">x2</span>
                                </p>
                                <p>
                                    <span class="treas_name">
                                        <a href="#">3成新超级大茶几</a>
                                    </span>
                                    <span class="treas_price">99999</span>
                                    <span class="treas_count">x2</span> 
                                </p>
                                <p>
                                    <span class="treas_name">
                                        <a href="#">7成新超级电视贵</a>
                                    </span>
                                    <span class="treas_price">99999</span>
                                    <span class="treas_count">x2</span>   
                                </p>
                            </div>
                            <div class="treas_brief-goto">
                                <a href="#" target="_self">查看购物车</a>
                            </div>
                        </div>
                    </div>
                    <!--地区选择-->
                    <div class="select_add dist-select">
                        <i class="seclect_i">成都地区</i>
                        <div class="select_list">
                            <span title="成都地区">成都地区</span>  
                            <span title="北京地区">北京地区</span>  
                            <span title="上海地区">上海地区</span>  
                            <span title="深圳地区">深圳地区</span>  
                            <span title="其他地区">其他地区</span>
                        </div>  
                    </div>
                </div>
                <!--主导航栏-->
                <div class="main_nav">
                    <div class="dpi-1260 dpi-mt">
                        <ul>
                            <li class="ml-10">
                                <a href="#" target="_self" class="nav_a">沙发&nbsp;&nbsp;&nbsp;SOFAS</a>
                                <div>
                                    <a href="#" target="_self" class="lev1-lo-1">单人位</a>
                                    <a href="#" target="_self" class="lev1-lo-1">双人位</a>
                                    <a href="#" target="_self" class="lev1-lo-1">三人位</a>
                                    <a href="#" target="_self" class="lev1-lo-1">休闲沙发</a>
                                    <a href="#" target="_self" class="lev1-lo-1">转角沙发</a>
                                </div>
                            </li>
                            <li>
                                <a href="#" target="_self" class="nav_a">桌椅&nbsp;&nbsp;&nbsp;TABLES/CHAIRS</a>
                                <div>
                                    <a href="#" target="_self" class="lev2-lo-1">餐桌</a>
                                    <a href="#" target="_self" class="lev2-lo-1 clearf-1">餐椅</a>
                                    <a href="#" target="_self" class="lev2-lo-1">书桌</a>
                                    <a href="#" target="_self" class="lev2-lo-1 clearf-1">凳子</a>
                                    <a href="#" target="_self" class="lev2-lo-1">电脑桌</a>
                                    <a href="#" target="_self" class="lev2-lo-1 clearf-1">休闲椅</a>
                                    <a href="#" target="_self" class="lev2-lo-1">梳妆台</a>
                                    <a href="#" target="_self" class="lev2-lo-1 clearf-1">户外椅</a>
                                    <a href="#" target="_self" class="lev2-lo-1 clearf-1">其它</a>
                                </div>    
                            </li>
                            <li>
                                <a href="#" target="_self" class="nav_a">床&nbsp;&nbsp;&nbsp;BEDS</a>
                                <div>
                                    <a href="#" target="_self" class="lev1-lo-1">1.5米</a>
                                    <a href="#" target="_self" class="lev1-lo-1">1.8米</a>
                                    <a href="#" target="_self" class="lev1-lo-1">其它</a>
                                </div> 
                            </li>
                            <li class="w-134">
                                <a href="#" target="_self" class="nav_a">柜&nbsp;&nbsp;&nbsp;STORAGE</a>
                                <div>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1">衣柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">储物柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1">书柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">电视柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1">鞋柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">床头柜</a>
                                    <a href="#" target="_self" class="w-56 lev2-lo-1 clearf-2">其它</a>
                                </div> 
                            </li>
                            <li>
                                <a href="#" target="_self" class="nav_a">更多&nbsp;&nbsp;&nbsp;More</a>
                                <div>
                                    <a href="#" target="_self" class="lev1-lo-1">组合产品</a>
                                    <a href="#" target="_self" class="lev1-lo-1">日用家居</a>
                                    <a href="#" target="_self" class="lev1-lo-1">家居饰品</a>
                                    <a href="#" target="_self" class="lev1-lo-1">其它</a>
                                </div>
                            </li>
                            <!--搜索框-->
                            <div class="nav_search">
                                <input type="text" placeholder="搜索">
                                <i></i>
                            </div>
                        </ul>
                    </div>
                </div>
            </div>
            <!--content-->
            <div class="content">
                <!--登陆标题部分-->
                <h1 class="mt-100">登&nbsp;&nbsp;&nbsp;&nbsp;录</h1>
                <!--注册标题部分-->
                <p class="subhead mt-10">还不是我们的会员？ &nbsp;
                    <a href="register.html">注&nbsp;册</a></p>
                <!--登陆框-->
                <div class="loginBox">
                    <form>
                        <div>
                            <label class="mt-50">账号</label>
                            <input type="text" class="userName baseStyle" placeholder="用户注册邮箱号">
                            <p class="Error erruser">邮箱号输入不正确</p>
                        </div>
                        <div>
                            <label class="mt-24">密码</label>
                            <input type="password" class="userPwd baseStyle">
                            <p class="Error errpwd">密码输入不正确</p>
                        </div>
                        <p>
                            <a href="#">忘记密码</a>
                        </p>
                        <button type="button" class="loginBtn">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                    </form>
                </div>
            </div>
            <!--footer-->
            <div class="footer">
                <!--下部分标语-->
                <div class="footer_title">生活要过得朴素而有味道，但不用过得奢华。</div>
                <!--宣传关键词标签-->
                <div class="footer_mark">
                    <div class="footer_mark-keyword">
                        <i>环保</i>
                        <span>无甲醛 大自然</span>
                    </div>
                    <div class="footer_mark-keyword">
                        <i>低价</i>
                        <span>低于购买价6折</span>
                    </div>
                    <div class="footer_mark-keyword">
                        <i>安全</i>
                        <span>专业清洁消毒处理</span>
                    </div>
                    <div class="footer_mark-keyword">
                        <i>省心</i>
                        <span>专业物流配送安装</span>
                    </div>
                    <div class="footer_mark-keyword">
                        <i>快捷</i>
                        <span>24小时内送货</span>
                    </div>
                </div>
                <!--footer信息-->
                <div class="footer_info dpi-1260">
                    <!--第一列-->
                    <div class="footer_info-content">
                        <h2>关于我们</h2>
                        <p>
                            <a href="#" target="_self">关于户里</a>
                            <a href="#" target="_self">注册协议</a>
                        </p>
                        <p>
                            <a href="#" target="_self">业务合作</a>
                            <a href="#" target="_self">免费声明</a>
                        </p>
                        <p>
                            <a href="#" target="_self">加入户里</a>
                            <a href="#" target="_self">隐私保护</a>
                        </p>
                    </div>
                    <!--第二列-->
                    <div class="footer_info-content">
                        <h2>流程指南</h2>
                        <p>
                            <a href="#" target="_self">购买家具</a>
                            <a href="#" target="_self">出售家具</a>
                        </p>
                        <p>
                            <a href="#" target="_self">支付方式</a>
                            <a href="#" target="_self">配送安装</a>
                        </p>
                        <p>
                            <a href="#" target="_self">售后保障</a>
                        </p>
                    </div>
                    <!--第三列-->
                    <div class="footer_info-content">
                        <h2>会员中心</h2>
                        <p>
                            <a href="#" target="_self">会员计划</a>
                        </p>
                        <p>
                            <a href="#" target="_self">积分规则</a>
                        </p>
                        <p>
                            <a href="#" target="_self">投诉建议</a>
                        </p>
                    </div>
                    <!--第四列-->
                    <div class="footer_info-content">
                        <h2>联系客服</h2>
                        <p class="h-14">
                            <span>电话:</span><br>
                            <span>028-67635062</span>
                        </p>
                        <p class="h-14">
                            <span>邮箱:</span><br>
                            <span>hello@hulihome.com</span>
                        </p>
                    </div>
                    <!--第五列-->
                    <div class="footer_info-content">
                        <p>
                            <i class="sina_logo-small"></i>
                            <span>新浪微博@户里网</span>
                        </p>
                        <div class="sina_rqcode-small"></div>
                    </div>
                    <!--第六列-->
                    <div class="footer_info-content addBorder">
                        <p>
                            <i class="weixin_logo-small"></i>
                            <span>关注微信“户里网”</span>
                        </p>
                        <div class="weixin_rqcode-small"></div>
                    </div>
                </div>
                <!--网站备案信息-->
                <div class="footer_copyright">蜀ICP备15028224号  成都户里科技有限公司</div>
            </div>
        </div>
        <!--弹出框-->
        <div class="popbox">
            <span class="txtSure"></span>
            <button type="button" class="sureBtn">确认</button>
        </div>
    </body>
    <!--js部分-->
    <script src="../js/login_register.js"></script>
    <script src="../js/commonnav.js"></script>
    <script src="../js/login.js"></script>
</html>